@import './theme/default/common.scss';

.hflex {
  display: flex;
  flex-direction: row;

  .main {
    flex: 1;
  }
}

.hcflex {
  @extend .hflex;
  align-items: center;
}

.hwflex {
  @extend .hflex;
  flex-wrap: wrap;
}

.hbflex {
  @extend .hflex;
  justify-content: space-between;
}

.vContainer, .vPage {
  display: flex;
  flex-direction: column;
  height: 100%;

  .main {
    flex: 1;
    overflow-y: auto;
  }
}

.vPage {
  height: 100vh;
}

.required {
  &::before {
    content: "*";
    color: #ee0000;
  }
}

.noWrap {
  white-space: nowrap;
}

.textEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.section {
  margin-bottom: 20px;
}

.cardV {
  width: 300px;
  height: 300px;
  background-color: $bgColor;
}

.grid {
  @extend .hwflex;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;

  .cardV {
    margin: 15px;
  }
}

.cardH {
  @extend .hcflex;
  height: 150px;
  background-color: $bgColor;
  color: $textColor;
}

.list {
  margin-top: 20px;
  .cardH {
    margin-bottom: 20px;
  }
}

.alinkBtn {
  color: $textColor;
  outline: none;
  text-decoration: none;
}